@font-face {

    font-family: KingSans;

    src: url(../font/KingSans.otf);

  }

  .fename{

    font-family: KingSans;

  }

  body {

    font: 400 15px Lato, sans-serif;

    line-height: 1.8;

    color: #818181;

  }

  h2 {

    font-size: 24px;

    text-transform: uppercase;

    color: #303030;

    font-weight: 600;

    margin-bottom: 30px;

  }

  h4 {

    font-size: 22px;

    line-height: 1.375em;

    color: #303030;

    font-weight: 400;

    margin-bottom: 30px;

  }  

  .jumbotron {

    background-color: #3d3d29;

    color: #fff;

    padding: 100px 25px;

    font-family: Montserrat, sans-serif;

  }

  .container-fluid {

    padding: 60px 50px;

  }

  .bg-grey {

    background-color: #f6f6f6;

  }

  .logo-small {

    color: #3d3d29;

    width: 60px;

  }

  .logo {

    color: #3d3d29;

    font-size: 400px;

  }

  .pic {

    width: 80%;

  }

  .thumbnail {

    padding: 0 0 15px 0;

    border: none;

    border-radius: 0;

  }

  .thumbnail img {

    width: 100%;

    height: 100%;

    margin-bottom: 10px;

  }

  .carousel-control.right, .carousel-control.left {

    background-image: none;

    color: #3d3d29;

  }

  .carousel-indicators li {

    border-color: #3d3d29;

  }

  .carousel-indicators li.active {

    background-color: #3d3d29;

  }

  .item h4 {

    font-size: 19px;

    line-height: 1.375em;

    font-weight: 400;

    font-style: italic;

    margin: 70px 0;

  }

  .item span {

    font-style: normal;

  }

  .panel {

    border: 1px solid #3d3d29; 

    border-radius:0 !important;

    transition: box-shadow 0.5s;

  }

  .panel:hover {

    box-shadow: 5px 0px 40px rgba(0,0,0, .2);

  }

  .panel-footer .btn:hover {

    border: 1px solid #3d3d29;

    background-color: #fff !important;

    color: #3d3d29;

  }

  .panel-heading {

    color: #fff !important;

    background-color: #3d3d29 !important;

    padding: 25px;

    border-bottom: 1px solid transparent;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

  }

  .panel-footer {

    background-color: white !important;

  }

  .panel-footer h3 {

    font-size: 32px;

  }

  .panel-footer h4 {

    color: #aaa;

    font-size: 14px;

  }

  .panel-footer .btn {

    margin: 15px 0;

    background-color: #3d3d29;

    color: #fff;

  }

  .navbar {

    margin-bottom: 0;

    background-color: #3d3d29;

    z-index: 9999;

    border: 0;

    font-size: 12px !important;

    line-height: 1.42857143 !important;

    letter-spacing: 4px;

    border-radius: 0;

    font-family: Montserrat, sans-serif;

  }

  .navbar li a, .navbar{

    color: #fff !important;

  }

  .navbar-brand{

    position: absolute;

    top: -4px;

  }

  .navbar-nav li a:hover, .navbar-nav li.active a {

    color: #3d3d29 !important;

    background-color: #fff !important;

  }

  .navbar-default .navbar-toggle {

    border-color: transparent;

    color: #fff !important;

  }

  footer .glyphicon {

    font-size: 20px;

    margin-bottom: 20px;

    color: #3d3d29;

  }

  .slideanim {visibility:hidden;}

  .slide {

    animation-name: slide;

    -webkit-animation-name: slide;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    visibility: visible;

  }

  @keyframes slide {

    0% {

      opacity: 0;

      transform: translateY(70%);

    } 

    100% {

      opacity: 1;

      transform: translateY(0%);

    }

  }

  @-webkit-keyframes slide {

    0% {

      opacity: 0;

      -webkit-transform: translateY(70%);

    } 

    100% {

      opacity: 1;

      -webkit-transform: translateY(0%);

    }

  }

  @media screen and (max-width: 768px) {

    .col-sm-4 {

      text-align: center;

      margin: 25px 0;

    }

    .btn-lg {

      width: 100%;

      margin-bottom: 35px;

    }

  }

  @media screen and (max-width: 480px) {

    .logo {

      font-size: 150px;

    }

  }